@extends('Share/home')
<?php
$title='创建需求';
$nav_t='需求管理';
$nav_m='创建需求';
?>
@section('demand-body')
<style>
input[type=checkbox],input[type=radio]{
        -webkit-appearance: none;
        appearance: none;
        width: 12px;
        height: 12px;
        margin: 0;
        cursor: pointer;
        vertical-align: middle;
        background: #fff;
        border: 1px solid #c9c9c9;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
}

input[type=checkbox]:active,input[type=radio]:active {
        border-color: #c9c9c9;
        background: #fff;
}       

input[type=checkbox]:checked,input[type=radio]:checked {
        background: #fff;
}

input[type=checkbox]:checked::after {
        content: url("../../img/checkbox.jpg");
        display: block;
        position: absolute;
        top: -4px;
        right: 0px;
        left: -1px;
        bottom: 0px;
}

input[type=checkbox]:focus {
        outline: none;
        border-color: #c9c9c9;
}
.clearfix:before,.clearfix:after {content: "";height: 0;display: block;visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.create-box{
	width: 1280px;
	background: #f6f6f6;
	border-top: #b2cff0 2px solid;
	border-bottom: #b2cff0 2px solid;
	margin: 0 auto;
	padding-bottom: 78px;
	margin-bottom: 124px;
	line-height: 32px;
	font-size: 14px;
}
.create-box-units{
	float: left;
	margin: 49px auto auto 61px;
}
.create-units-tit{
	width: 85px;
	float: left;
}
.create-units-star{
	color: #fe2525;
}
.create-units-box{
	position: relative;
	float: left;
}
.create-units-downMenu{
	width: 207px;
	padding-left: 15px;
}
.M_uDownCon{
	position: absolute;
	left: 0px;
	top: 32px;
}
.create-box-side{
	float: left;
	margin: 49px auto auto auto;
}
.create-side-tit{
	float: left;
	width: 70px;
	height: 32px;
	line-height: 32px;
	padding-left: 307px;
}
.create-demand-input{
	float: left;
	width: 251px;
	height: 30px;
	border: #cccccc 1px solid;
}
.create-box-name{
	float: left;
	margin: 14px auto auto 61px;
}
.create-name-tit{
	float: left;
	width: 85px;
}
.create-name-input{
	width: 446px;
}
.create-box-people{
	float: left;
	margin: 14px auto auto 57px;
}
.create-people-tit{
	float: left;
	width: 96px;
}
.create-box-aliNo{
	width: 1200px;
}
.create-aliNo-input{
	width: 222px;
}
.create-aliNo-type{
	margin-left: 13px !important;
}
.create-type-visual{
	font-size: 12px;
	float: left;
	margin-right: 500px;
}
.create-visual-tit{
	width: 35px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background: url("../../img/create-shrink.jpg") center left no-repeat ;
	font-size: 14px;
}
.create-visual-con{
	margin-left: 15px;
}
.create-type-checkbox{
	width: 334px;
	display: inline-block;
}
.create-type-num{
	width: 42px;
}
.create-type-numI{
	width: 46px;
}
.create-type-web{
	margin-left: 83px;
}
.create-type-upload{
    margin-left: 100px;
	width: 85px;
	height: 26px;
	border: #c9c9c9 1px solid;
	font-size: 14px;
	color: #383838;
	text-align: left;
	padding-left: 22px;
	cursor: pointer;
	background: #f9f9f9 url("../../img/create-upload.jpg") 54px center no-repeat;
}
.create-box-annex{
	border-top: #d8d8d8 1px dashed;
	margin: 0 auto;
	margin-top: 45px;
	width: 1170px;
	padding-bottom: 70px;
}
.create-annex-tit{
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin-top: 62px;
	margin-left: 42px;
	color: #292929;
}
.create-annex-list{
	float: left;
	margin-top: 45px;
	margin-left: 24px;
	font-size: 12px;
	color: #383838;
	line-height: 50px;
}
.create-annex-type{
	float: left;
	width: 240px;
}
.create-annex-typenum{
	color: #e30000;
	font-size: 14px;
}
.create-annex-thumbnails{
	width: 50px;
	height: 50px;
	position: relative;
	float: left;
	margin-right: 20px;
}
.create-annex-imgenlarge{
	position: absolute;
	left: 0px;
	top: 0px;
}
.create-annex-imgdele{
	position: absolute;
	right: -2px;
	top: -7px;
}
.create-annex-item{
	margin-bottom: 18px;
}
.create-annex-itemalldele{
	float: left;
	height: 50px;
	color: #00a7ea;
	font-size: 12px;
	line-height: 90px;
	cursor: pointer;
}
.create-remark-tit{
	font-size: 14px;
	color: #292929;
	line-height: 35px;
	width: 84px;
	height: 35px;
	float: left;
	margin-left: 60px;
}
.create-remark-textarea{
	float: left;
	width: 274px;
	height: 97px;
	max-width: 274px;
	max-height: 97px;
	border: #c9c9c9 1px solid;
}
.create-remark-list{
	float: left;
	margin-left: 10px;
	font-size: 12px;
	color: rgba(41,41,41,0.4);
}
.create-remark-item{
	line-height: 14px;
	height: 14px;
}
.create-submit{
	margin: 39px auto auto 144px;
	width: 120px;
	height: 36px;
	background: #00a7ea;
	border-radius: 1px;
    line-height: 32px;
    letter-spacing: 5px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #fff;
}
.create-reset{
	margin: 39px auto auto 24px;
	width: 120px;
	height: 36px;
	background: #00a7ea;
	border-radius: 1px;
    line-height: 32px;
    letter-spacing: 5px;
    border: none;
    outline: none;
    font-size: 16px;
    color: #fff;
}
</style>
<div class="demand-body">
	<div class="create-box clearfix">
		<div class="clearfix">
			<div class="create-box-units clearfix">
				<p class="create-units-tit">发包单位:<i class="create-units-star">*</i></p>
				<div class="create-units-box">
					<div class="M_downMenu create-units-downMenu">选择发包单位<span></span></div>
		            <div class="M_uDownCon">
		            @foreach($clique as $val)
			            <dl class="M_uDownConDl" clique_id="{{$val->id}}">
			                <dt>{{$val->Name}}</dt>
			            </dl>
		            @endforeach	
		            @foreach($clique as $val)
			            <dl class="M_uDownConDl" clique_id="{{$val->id}}">
			                <dt>{{$val->Name}}</dt>
			            </dl>
		            @endforeach	
			        </div>
		        </div>
			</div>

			<div class="create-box-side clearfix">
				<p class="create-side-tit">需求方:<i class="create-units-star">*</i></p>
				<input class="create-demand-input" type="text" name="" value="" maxlength="16">
			</div>
			
			<div class="create-box-name clearfix">
				<p class="create-name-tit">需求名称:<i class="create-units-star">*</i></p>
				<input class="create-demand-input create-name-input" type="text" name="" value="" maxlength="50">  
			</div>

			<div class="create-box-people clearfix">
				<p class="create-people-tit">结算接口人:</p>
				<input class="create-demand-input" type="text" name="" value="" maxlength="12">  
			</div>

			<div class="create-box-name create-box-aliNo clearfix">
				<p class="create-name-tit">阿里编号:</p>
				<input class="create-demand-input create-aliNo-input" type="text" name="" value="" maxlength="12">  
				<input class="create-aliNo-type" type="checkbox" name="type" value="">&nbsp;&nbsp;项目&nbsp;&nbsp;&nbsp;&nbsp;
				<input class="create-aliNo-type" type="checkbox" name="type" value="">&nbsp;&nbsp;多人
			</div>

			<div class="create-box-name clearfix">
				<p class="create-name-tit">需求类型:</p>
				<dl class="create-type-visual">
					<dt class="create-visual-tit">
						视觉
					</dt>
					@foreach($demandtype_ued_list as $val)
					<dd class="create-visual-con" list_id="{{$val->id}}">
						<div class="create-type-checkbox">
							<input class="" type="checkbox" name="" value="">&nbsp;&nbsp;{{$val->Name}}（{{$val->UedWorktime}}）
						</div>
						<i class="create-type-num">数量:</i>
						<input class="create-type-numI" type="text" name="" value="" placeholder="" maxlength="5">
						<input class="create-type-upload" type="button" value="上传">
					</dd>
					@endforeach
				</dl>
				<dl class="create-type-visual create-type-web">
					<dt class="create-visual-tit">
						前端
					</dt>
					@foreach($demandtype_dev_list as $val)
					<dd class="create-visual-con" list_id="{{$val->id}}">
						<div class="create-type-checkbox">
							<input class="" type="checkbox" name="" value="">&nbsp;&nbsp;{{$val->Name}}（{{$val->KWorktime}}）
						</div>
						<i class="create-type-num">数量:</i>
						<input class="create-type-numI" type="text" name="" value="" placeholder="" maxlength="5">
						<input class="create-type-upload" type="button" value="上传">
					</dd>
					@endforeach
				</dl>
				<dl class="create-type-visual create-type-web">
					<dt class="create-visual-tit">
						套餐
					</dt>
					@foreach($demandtype_combo_list as $val)
					<dd class="create-visual-con" list_id="{{$val->id}}">
						<div class="create-type-checkbox">
							<input class="" type="checkbox" name="" value="">&nbsp;&nbsp;{{$val->Name}}（{{$val->KWorktime}}）
						</div>
						<i class="create-type-num">数量:</i>
						<input class="create-type-numI" type="text" name="" value="" placeholder="" maxlength="5">
						<input class="create-type-upload" type="button" value="上传">
					</dd>
					@endforeach
				</dl>
			</div>
		</div>
		
		<!-- 附件 -->
		<div class="create-box-annex clearfix">
			<p class="create-annex-tit">附件:</p>
			<ul class="create-annex-list">
				<li class="create-annex-item clearfix">
					<p class="create-annex-type">32小时页面（含前端）<i class="create-annex-typenum">x<em class="">1</em></i></p>
					<div class="create-annex-thumbnails">
						<img src="../../img/create-img.jpg" width="50px" height="50px" alt="" />
						<img class="create-annex-imgdele" src="../../img/create-imgdele.png" width="16px" height="16px" alt="">
						
					</div>
					<span class="create-annex-itemalldele">全部删除</span>
				</li>
				<li class="create-annex-item clearfix">
					<p class="create-annex-type">频道页面前端开发（包含JS/AS）（8）<i class="create-annex-typenum">x<em class="">2</em></i></p>
					<div class="create-annex-thumbnails">
						<img src="../../img/create-img.jpg" width="50px" height="50px" alt="" />
						<img class="create-annex-imgdele" src="../../img/create-imgdele.png" width="16px" height="16px" alt="">
					</div>
					<div class="create-annex-thumbnails">
						<img src="../../img/create-img.jpg" width="50px" height="50px" alt="" />
						<img class="create-annex-imgdele" src="../../img/create-imgdele.png" width="16px" height="16px" alt="">
						<img class="create-annex-imgenlarge" src="../../img/create-imgenlarge.png" width="50px" height="50px" alt="">
					</div>
					<span class="create-annex-itemalldele">全部删除</span>
				</li>
			</ul>
		</div>

		<div class="create-box-remark clearfix">
			<p class="create-remark-tit">需求备注:</p>
			<textarea class="create-remark-textarea" name=""></textarea>
			<ul class="create-remark-list">
				<li class="create-remark-item">广告尺寸</li>
				<li class="create-remark-item">设计风格</li>
				<li class="create-remark-item">投放资源位置等信息</li>
			</ul>
		</div>

		<input class="create-submit" type="button" name="" value="创建需求">
		<input class="create-reset" type="button" name="" value="重置需求">
	</div>
</div>
<script>
	$('.M_downMenu').click(function () {
	    if ($('.M_uDownCon').css('display') != 'none') {
	        $('.M_uDownCon').slideUp();
	        $('.M_uDownConsw').hide();
	    }
	    else {
	        $('.M_uDownCon').slideDown();
	    }
	});

	$('.M_uDownCon,.M_uDownConsw,.M_downMenu').mouseover(function (e) {
	    e.stopPropagation();
	})
	$(document).on('mouseover', document, function (e, handler) {
	    $('.M_uDownCon').slideUp();
	    $('.M_uDownConsw').hide();
	});
	$('.M_uDownCons dt,.M_uDownCons dd').click(function () {
	    $('.M_downMenu').html($(this).text() + '<span></span>');
	    $('.M_uDownCon').slideUp();
	    $('.M_uDownConsw').hide();
	});
	(function ($) {
	    $.fn.exist = function () {
	        if ($(this).length >= 1) {
	            return true;
	        }
	        return false;
	    };
	})(jQuery);
	$('.M_uDownCon dd').click(function () {
	    var att = $(this).attr('dname');
	    var _self = this;
	    if ($('.' + att).exist()) {
	        $('.M_downMenu').html('选择发包单位' + '<span></span>');
	        $('.M_uDownConsw').hide();
	        $('.' + att).css('top', $(_self).position().top + 13).show().siblings().hide();
	    }
	    else {
	        $('.M_downMenu').html($(_self).text() + '<span></span>');
	        $('.M_uDownCon').slideUp();
	        $('.M_uDownConsw').hide();
	    }
	});
</script>
@endsection